<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>InfotoPlaza | Contact us</title>
    <meta name="keywords" content="Health, Auto, Lifestyle, Travel, Fashion, Auto, InfotoPlaza">
    <meta name="description"
        content="If you have any questions or suggestions about InfotoPlaza.com, just contact us here. We'd love to help and will respond ASAP. ">
        <link href="../../css/layui.min.css"
        rel="stylesheet">
    <link rel="shortcut icon" href="https://infotoplaza.com/information/assets/favicon.ico">
    <link rel="stylesheet" href="https://infotoplaza.com/information/css/reset.css">
    <link rel="stylesheet" href="https://infotoplaza.com/information/css/public.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header class="header">
        <div class="wrap">
            <div class="main-header">
                <div class="menuBtn">
                    <img
                        src="https://infotoplaza.com/information/assets/menu.png"
                        alt>
                </div>
                <nav class="nav" aria-label="Site Menu">
                    <a class="logo-is-image logo-link"
                        href="https://infotoplaza.com/information/"
                        rel="home"
                        title="Infotoplaza">
                        <h1>
                            <img alt="Infotoplaza" class="logo-image"
                                src="https://infotoplaza.com/information/assets/logo.jpg"
                                srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                        </h1>
                    </a>
                    <ul id="menu-primary-menu-english" class="nav__list">
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/travel/">Travel</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/health/">Health</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/lifeStyle/">Lifestyle</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/finance/">Finance</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/auto/">Auto</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                        </li>
                    </ul>
                </nav>
                <nav class="mobileNav">
                    <div class="navContent">
                        <img
                            src="https://infotoplaza.com/information/assets/close.png"
                            alt class="closeBtn">
                            <h1>
                        <a class="logo-is-image logo-link"
                            href="https://infotoplaza.com/information/"
                            rel="home"
                            title="Infotoplaza">
                           
                                <img alt="Infotoplaza" class="logo-image"
                                    src="https://infotoplaza.com/information/assets/logo.jpg"
                                    srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                        </a>
                    </h2>

                        <ul id="menu-primary-menu-english"
                            class="nav__list">
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/travel/">Travel</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/health/">Health</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/lifeStyle/">Lifestyle</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/finance/">Finance</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/auto/">Auto</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="navMask"></div>

                <div class="searchBox">
                    <input type="text" placeholder="Search..."
                        class="layui-input">
                    <img src="https://infotoplaza.com/information/assets/Search.png" alt="" class="searchIcon">
                </div>
            </div>

        </div>

    </header>

    <div class="contactUs">
        <main class="content_box wrap">
            <div class="articleContent">
                <h1>
                    We are always happy to talk to you!
                </h1>
                <p class="desc">
                    Don't hesitate to contact us if you have any idea of improving
                    <router-link to="/">InfotoPlaza.com</router-link>
                    or any question about the information. We value your feedback and love to hear from you!
                </p>
                <p>
                    Email: <a href="mailto:liyibai189@gmail.com">liyibai189@gmail.com</a>
                </p>
            </div>
        </main>

    </div>
    <footer class="copyRight">
        <div class="wrap">
            <ul class="links">
                <li><a
                        href="https://infotoplaza.com/information/">Home</a></li>
                <li><a
                        href="https://infotoplaza.com/information/copyRight/aboutUs/">ABOUT
                        US</a></li>
                <li><a
                        href="https://infotoplaza.com/information/copyRight/term_of_us/">TERMS
                        OF USE</a></li>
                <li><a
                        href="https://infotoplaza.com/information/copyRight/privacy_policy/">PRIVACY
                        POLICY</a></li>
                <li><a
                        href="https://infotoplaza.com/information/copyRight/contactUs/">CONTACT
                        US</a></li>
            </ul>
            <br>
            <br>
            <p>
                © 2024  InfotoPlaza.com
            </p>
            <br>
            <strong>Disclaimer</strong>
            <br>
            <div class="descption">
                The content available on this website, including text,
                graphics, images, and information, is provided
                only for general informational purposes. The materials and
                details on these pages, along with any terms,
                conditions, or descriptions, are subject to change without
                prior notice.
            </div>
        </div>
    </footer>
    <script src="../../utils/jquery.js"></script>

    <script type="module">
        import {articleData} from '../../utils/common.js'


        // 今日推荐
       let todaysList = articleData['todays']
        let relatedStr = `<div class="categoryTitle">
                    <h2 class="heading">
                        Related Articles
                    </h2>
                </div>`
        todaysList.map(item => {
            relatedStr += `  <article class="post subPosts">
                    <div class="media">
                        <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}" title="${item.newsTitle}">
                            <div class="bgImg bgBox4 lazyloaded"
                                data-bgset="${item.imgUrl} 300w, ${item.imgUrl} 707w, ${item.imgUrl} 768w, ${item.imgUrl} 150w, ${item.imgUrl} 450w, ${item.imgUrl} 1000w"
                                data-bgsrc="${item.imgUrl}"
                                data-sizes="(max-width: 135px) 100vw, 135px"
                                style="background-image: url(&quot;${item.imgUrl}&quot;);">
                            </div>
                        </a>
                    </div>
                    <div class="postsText">
                        <h4 class="postsTitle">
                            <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}">
                                <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}">
                                   ${item.newsTitle}
                                </a>
                            </a>
                        </h4>
                          <time datetime="${item.publicTime}">${item.publicTime}</time>
                    </div>
                </article>`
        })

        $('.relatedPosts').html(relatedStr)
        let befortop = 0;
       //监听滚动条事件
       function callBack() {
           let aftertop = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//兼容
           if (aftertop - befortop > 0) {
               document.querySelector('.header').style.marginTop = '-60px'
               console.log('向下');
           } else {
               if (aftertop >= 50) {
                   document.querySelector('.header').style.marginTop = '-3px'
               }
               console.log('向上');
           }
           befortop = aftertop;
       }

       let timeout = null,
           startTime = Date.parse(new Date); // 开始时间
       window.addEventListener('scroll', function () {
           if (timeout !== null) clearTimeout(timeout);
           let curTime = Date.parse(new Date); // 当前时间
           if (curTime - startTime >= 1000) { // 时间差>=1秒直接执行
               callBack();
               startTime = curTime;
           } else { // 否则延时执行，像滚动了一下，差值<1秒的那种也要执行
               timeout = setTimeout(callBack(), 300);
           }
       });

    // 搜索
    const input = document.querySelector('.layui-input')
        input.onkeyup = function (event) {
        let e = event || window.event;
        if (e && e.keyCode == 13) { //回车键的键值为13
            location.href = `https://infotoplaza.com/information/search/?key=` + input.value
        }
        }

       function bodyScroll(event) {
           event.preventDefault();
       }

       function scrControl(t) {
           if (t == 0) { //禁止滚动
               document.body.addEventListener('touchmove', bodyScroll, {passive: false});
           } else if (t == 1) { //开启滚动
               document.body.removeEventListener('touchmove', bodyScroll, {passive: false});
           }
       }

       $('.menuBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(0)');
           $('.navMask').css('opacity', '1');
           $('.navMask').css('z-index', '1');
           $('.navMask').css('display', 'block');

           scrControl(0)
       })
       $('.closeBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(-100%)');
           $('.navMask').css('opacity', '0');
           $('.navMask').css('z-index', '-1');
           $('.navMask').css('display', 'none');
           scrControl(1)
       })


   </script>
</body>
</html>